<template>
  <div>
    <div id="table"></div>
  </div>
</template>

<script>
import * as echarts from "echarts";
import { onMounted } from "vue";
export default {
  setup() {
    onMounted(() => {
      var myChart = echarts.init(document.getElementById("table"));
      myChart.setOption({
        xAxis: {
          type: "category",
          data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
        },
        yAxis: {
          type: "value",
        },
        series: [
          {
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: "line",
            smooth: true,
          },
        ],
      });
    });
  },
};
</script>

<style lang="less" scoped>
#table {
  width: 100%;
  height: 190px;
  border-radius: 8px;
  background: #fff;
}
</style>
